/* 自定义样式 */

/* 内容页面样式 */
.content-page {
    padding: 15px;
}

/* 隐藏非活动页面 */
.content-page:not(.active) {
    display: none;
}

/* 卡片样式优化 */
.layui-card {
    margin-bottom: 15px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}

.layui-card-header {
    font-weight: bold;
    font-size: 16px;
}

/* 导航菜单激活状态 */
.layui-nav .layui-this:after, 
.layui-nav-bar, 
.layui-nav-tree .layui-nav-itemed:after {
    background-color: #5FB878;
}

/* 自定义主题色 */
.layui-btn {
    background-color: #5FB878;
}

.layui-btn-normal {
    background-color: #1E9FFF;
}

.layui-btn-warm {
    background-color: #FFB800;
}

.layui-btn-danger {
    background-color: #FF5722;
}

/* 页面内容区域样式 */
.layui-body {
    padding: 15px;
    overflow-y: scroll;
}

/* 表格样式优化 */
.layui-table {
    margin-top: 0;
}

/* 响应式调整 */
@media screen and (max-width: 768px) {
    .layui-side {
        display: none;
    }
    
    .layui-body {
        left: 0;
    }
    
    .layui-footer {
        left: 0;
    }
}

/* 自定义动画 */
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 页面切换动画 */
.page-transition {
    transition: all 0.3s ease-in-out;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 页脚样式 */
.layui-footer {
    text-align: center;
    color: #666;
}

/* Logo样式 */
.layui-logo {
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
}

/* 主体内容区域最小高度 */
#content-container {
    min-height: 500px;
}